<template>
	<div class="main">
		<p class="a1">支付方式</p>
		<div class="fs">
			<div class="ggg">
				<img src="@/assets/image/order/支付宝.png" alt="" />
				<p>支付宝支付</p>
			</div>
			<input type="radio" />
		</div>
		<div class="fs">
			<div class="ggg">
				<img src="@/assets/image/order/微信.png" alt="" />
				<p>微信支付</p>
			</div>
			<input type="radio" />
		</div>
		<div class="fs">
			<div class="ggg">
				<img src="@/assets/image/order/银行卡.png" alt="" />
				<p>银行卡支付</p>
			</div>
			<input type="radio" />
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			radio: '1',
		}
	},

	components: {},

	computed: {},

	mounted() {},

	methods: {},
}
</script>

<style lang="less" scoped>
.main {
	padding-left: 18px;
	padding-right: 22px;
	width: 750px;
	height: 300px;
	background: #efefef;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 38px;
	padding-top: 20px;
}
.a1 {
	font-size: 26px;
}
.fs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	img {
		width: 38px;
		height: 38px;
		margin-right: 10px;
	}
	p {
		font-size: 26px;
	}
}
.ggg {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
</style>
